<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<script type="text/javascript">
  var counter =1;

  function add(Element){
	  document.getElementById('zutaten').appendChild(Element);
  }
  
  function addLabel(Label){
	  var text = document.createTextNode(Label);
	  add(text);
	  
  }
  
  function addZutat() {
     
     var br = document.createElement("br");
     var inputName =document.createElement("input");
     addLabel("Name: ");
     inputName.name = "Name"+counter;
     add(inputName);
     var inputPreis = document.createElement("input");
     inputPreis.name = "Preis"+counter;
     addLabel("  Preis:  ");
     add(inputPreis);
     var inputMenge = document.createElement("input");
     inputMenge.name = "Menge"+counter;
     addLabel("  Menge:  ");
     add(inputMenge);
     var inputKcal = document.createElement("input");
     inputKcal.name = "Kcal"+counter;
     addLabel("  Kcal:  ");
     add(inputKcal);
     
     add(br);
     counter++;
  }
  
</script>

<title>3 Column CSS Layout - concise design</title>
<style type='text/css'>
.wrapper{
   margin: 0px auto;
   width: 1003px;
   background-color: #cccccc
}
.header{
   float: left;
   width: 100%;
   background-color: #6699cc
}
.content{
   float: left;
   width: 100%;
   background-color: #99ccff
}
.footer{
   float: left;
   width: 100%;
   background-color: #cfcfcf
}
body {
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   background-color: #e7e7de
}
</style>
</head>
<body>
<div class="wrapper">
    <div class="header">
        <h2>Wilkommen zu Easy MealTime</h2>
    </div>
    <div class="content">
        <form action="http://localhost:8080/easyMealTime/add" method="post" name="form1">
		Name:
		<input Name="Name" type="text" size=50><br><br>
		Zutaten:<br><br>
		<div id="zutaten">
		
		<script>
			addZutat();
		</script>
		
		</div>
		<br>
		<input type="button" value="Neue Zutat hinzufügen" onClick="addZutat()"/><br><br>
		Rezept:<br>
		<textarea name="Rezept" cols=80 rows=15></textarea><br>
		<input Name="Submit" type="submit" value="Abschicken">
	
	</form>
    </div>
    <div class="footer">

    </div>
</div>
</body>
</html>
